<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="../css/login.css">

</head>
<body>


    <div class="whole">
        <img class="bg" src="../img/hyl/bg.png" alt="">

        <div class="top">

            <div class="img_div">
                <img src="../img/hyl/mi_logo.ico" alt="">
            </div>
    

            <p class="p1">
                小米账号
            </p>
    

            <div style="margin-left: 36vw;"></div>
    

            <div class="user">
                <div class="p3">
                    用户协议
                </div>
            </div>
            <div class="user">
                <div class="p3">
                    隐私政策
                </div>
            </div>
            <div class="user">
                <div class="p3">
                    安全中心
                </div>
            </div>
    

            <span class="divice">|</span>
    

            <div class="la">
                <p>
                    中文（简体）
                </p>
            </div>
    
        <div>

            <div class="main">

                <div class="lo_re">
                    <p class="lo">登录</p>
                    &nbsp;&nbsp;
                    <p class="re">注册</p>
                </div>

                <input class="input1" type="text">
                <input class="input2" type="password">


                <div class="for_phone">
                    <button class="button">登录</button>
                    <p class="for">&nbsp;忘记密码?</p>
                   <p class="phone">手机号登录&nbsp;</p>
                </div>

                <div style="height: 50px;width: 360px;"></div>
                
                <p class="other">其它登陆方式</p>

                <div class="pic">
                    <img src="../img/hyl/QQ.png" alt="">
                    <img src="../img/hyl/微信 (1).png" alt="">
                    <img src="../img/hyl/微博.png" alt="">
                    <img src="../img/hyl/支付宝.png" alt="">
                </div>

                <div style="height: 0px;width: 360px;"></div>

            </div>

    </div>

    <div class="gcs-footer">

        <div class="footer-top">
      
                <a href="#">百度网</a> |
      
                <a href="#" >小米</a> |
            
                <a href="#" >腾迅</a> |
            
                <a href="#" >we chat</a> |
            
                <a href="#" >weibo</a> |
            
                <a href="#" >阿里巴巴</a> |
        
      
       </div>
      
       <di>
            <p >
      
            ©Copyright 2018 海盗侠科技公司版权所有 | 上海ICP备12438170号-4
      
             </p>
       </div>



    
</body>
</html>